<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="css/app.css"/>	
		<style>
			html,
			body {
				background-color: #efeff4;
			}
			
			.title {
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<div class="mui-card">
				<div class="mui-card-header">珍诚医药</div>
				<div class="mui-card-content">
					<img src="./images/yuantiao.jpg" alt="" width="100%" />
				</div>
				<div class="mui-card-footer">
					<div class="mui-card-content-inner">
						<p>Posted on January 18, 2016</p>
						<p style="color: #333;">医药电商先锋平台，国内医药电商B2B第一平台，年销售额超25亿，主要进行长期维护，功能迭代，包括平台整体UI改进以及功能模块的增加与性能的优化</p>
						<p>主要技术：
							<span class="label">HTML</span>
							<span class="label">CSS2</span>
							<span class="label" style="width: 60px;">JavaScript</span>
						</p>
					</div>
				</div>
			</div>
			<div class="mui-card">
				<div class="mui-card-header">和瑞控股</div>
				<div class="mui-card-content">
					<img src="./images/yuantiao.jpg" alt="" width="100%" />
				</div>
				<div class="mui-card-footer">
					<div class="mui-card-content-inner">
						<p>Posted on January 18, 2016</p>
						<p style="color: #333;">和瑞控股公司的官方网站，详细介绍了和瑞控股公司的主要情况，项目耗时3周，主要处理前端页面及程序嵌套，当时并未要求移动端适配，故该网站只适应于PC端应用</p>
						<p>主要技术：
							<span class="label">HTML</span>
							<span class="label">CSS2</span>
							<span class="label" style="width: 60px;">COLORFUSION</span>
						</p>
					</div>
				</div>
			</div>
			<div class="mui-card">
				<div class="mui-card-header">政教通</div>
				<div class="mui-card-content">
					<img src="./images/yuantiao.jpg" alt="" width="100%" />
				</div>
				<div class="mui-card-footer">
					<div class="mui-card-content-inner">
						<p>Posted on January 18, 2016</p>
						<p style="color: #333;">儿童健康成长护航者，项目初建耗时3月，主要包括数据支撑平台的建设、移动端Hybrid模式的应用及开</p>
						<p>主要技术：
							<span class="label">HTML5</span>
							<span class="label">CSS3</span>
							<span class="label" style="width: 60px;">AngularJs</span>
						</p>
					</div>
				</div>
			</div>
			<div class="mui-card">
				<div class="mui-card-header">网上药博会</div>
				<div class="mui-card-content">
					<img src="./images/yuantiao.jpg" alt="" width="100%" />
				</div>
				<div class="mui-card-footer">
					<div class="mui-card-content-inner">
						<p>Posted on January 18, 2016</p>
						<p style="color: #333;">网上药博会，网上药品及药企展览平台，项目初建耗时4月，从需求到页面设计，从页面设计到前端实现，从页面实现到功能开发和集成，从本地测试到平台上线等全程处理</p>
						<p>主要技术：
							<span class="label">HTML</span>
							<span class="label">Jquery</span>
							<span class="label" style="width: 65px;">COLORFUSION</span>
						</p>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/mui.min.js"></script>
	<script>
		mui.init({
			swipeBack: false //启用右滑关闭功能
		});
	</script>

</html>